<template>
  <!-- 流量明细-列表页 -->
  <div class="statisticsListPage flowReprtWrapper">
    <!-- 搜索区域 -->
    <div class="tableListSearch">
      <FlowReportSearch @searchTbData="handlesearchTbData"/>
    </div>
    <!-- 列表区域 -->
    <div class="tableListMain commonTableSty">
      <FlowReportTableList ref="flowReportTableCompt"/>
    </div>
  </div>
</template>
<script>
import FlowReportSearch from './components/FlowReportSearch.vue'
import FlowReportTableList from './components/FlowReportTableList.vue'
export default {
  components: {
    FlowReportSearch,
    FlowReportTableList
  },
  computed: {},
  data () {
    return {}
  },
  created () {},
  mounted () {},
  methods: {
    // 等查询组件拿到了默认选中的车型id
    handlesearchTbData () {
      this.$refs.flowReportTableCompt.selectModelDone = true
      this.$refs.flowReportTableCompt.refreshData(true)
    }
  }
}
</script>
<style lang="less" scoped>
.statisticsListPage {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  .tableListAction {
    margin-top: 16px;
    button {
      margin-right: 16px;
      &:nth-last-child(1) {
        margin-right: 0;
      }
    }
  }
  .tableListMain {
    margin-top: 16px;
  }
}
.flowReprtWrapper{
  flex: 1 0 0;
  padding: 24px 24px 0 24px;
}
</style>
